<%--
  Created by IntelliJ IDEA.
  User: YIMing
  Date: 2021/8/17/017
  Time: 14:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>开题报告-编辑列表</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>
    <script src="../js/jquery-3.1.0.js"></script>
    <script src="../js/FileSaver.js"></script>
    <script src="../js/wordexport.js"></script>

    <%--文件在线预览和批注--%>
    <script type="text/javascript" src="${pageContext.request.contextPath}/pageoffice.js" id="po_js_main"></script>
    <style>
        body {

            background-color: #eeeeee;
        }

        .left {
            width: 20%;
            padding: 5px;
            text-align: right;
        }

        .right {
            width: 30%;
            padding: 5px;
        }

        .layui-table-cell {
            height: 36px;
            line-height: 36px;
        }

        .layui-textarea {
            height: 150px;
        }

        .detail-left {
            text-align: right;
        }

        .layui-row {
            background-color: white;
            margin: 10px;
            padding: 10px;
            border-radius: 10px;
        }

        .title {
            font-size: 16px;
            font-weight: bold;
        }


        .layui-card {
            text-align: center;
        }
    </style>
</head>

<body>
<%--面包屑--%>
<div class="layui-row">
    <div class="layui-col-lg12">
        <span class="layui-badge layui-bg-orange" style="margin-bottom: -3px"></span>
        <span class="layui-breadcrumb">
                  <a href="http://localhost/student/home.jsp">首页</a>
                    <a class="" href="javascript:;">过程管理</a>
            <a><cite>开题报告-编辑列表</cite></a>
                </span>
    </div>
</div>

<%--论文信息表--%>
<div class="layui-row">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>开题报告-编辑列表</legend>
    </fieldset>
    <table class="layui-hide" id="paper-info" lay-filter="paper-info"></table>
</div>
</body>

<%--编辑开题报告盒子--%>
<div class="layui-row" id="headline-edit-box" style="margin-top: 2px;display: none">
    <strong style="font-size: 20px;padding: 10px;">编辑开题报告</strong>
    <form action="" class="layui-form">
        <div class="layui-row">
            <div class="layui-col-lg2">
                <div class="layui-form-item">
                    <strong> <label for="sName">学生姓名:</label></strong>
                    <input readonly name="sName" type="text" id="sName1" class="layui-input">
                </div>
            </div>
            <div class="layui-col-lg3">
                <strong> <label for="sNO">学号:</label></strong>
                <input readonly name="SNO" type="text" id="sNO1" class="layui-input">
            </div>
            <div class="layui-col-lg3">
                <strong> <label for="major">专业:</label></strong>
                <input readonly name="major" type="text" id="major1" class="layui-input">
            </div>
            <div class="layui-col-lg4">
                <strong><label for="title">课题名称:</label></strong>
                <input readonly name="title" type="text" id="title1" class="layui-input">
            </div>
            <input readonly name="collegeName" type="hidden" id="collegeName" class="layui-input">
            <input readonly name="tno" type="hidden" id="tno" class="layui-input">
        </div>

        <hr class="layui-border-blue">

        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">一、选题的理由及依据<span class=" layui-badge-dot"></span></label>
            <div class="layui-input-block">
                <textarea name="sense" id="sense1" placeholder="选题的理由及依据" class="layui-textarea"
                          lay-verify="required"></textarea>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">二、国内外研究现状及发展趋势（含文献综述）<span class=" layui-badge-dot"></span></label>
            <div class="layui-input-block">
                    <textarea name="trend" id="trend1" placeholder="国内外研究现状及发展趋势（含文献综述）" class="layui-textarea"
                              lay-verify="required"></textarea>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">三、本课题研究内容<span class=" layui-badge-dot"></span></label>
            <div class="layui-input-block">
                <textarea name="report" id="report1" placeholder="本课题研究内容" class="layui-textarea"
                          lay-verify="required"></textarea>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">四、本课题研究方向<span class=" layui-badge-dot"></span></label>
            <div class="layui-input-block">
                <textarea name="scheme" id="scheme1" placeholder="本课题研究方向" class="layui-textarea"
                          lay-verify="required"></textarea>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">五、研究目标、主要特色及工作进度<span class=" layui-badge-dot"></span></label>
            <div class="layui-input-block">
                    <textarea name="aim" id="aim1" placeholder="研究目标、主要特色及工作进度" class="layui-textarea"
                              lay-verify="required"></textarea>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">六、参考文献<span class=" layui-badge-dot"></span></label>
            <div class="layui-input-block">
                <textarea name="literature" id="literature1" placeholder="参考文献" class="layui-textarea"
                          lay-verify="required"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <div style="float: right">
                <%--<button class="layui-btn" type="button" lay-submit lay-filter="formDemo">保存</button>--%>
                <button class="layui-btn" type="button" lay-submit lay-filter="save-and-submit">保存并提交</button>
                <%-- <button type="reset" class="layui-btn layui-btn-primary">重置</button>--%>
            </div>
        </div>
    </form>
</div>
</div>

<%--开题报告详情--%>
<div class="layui-row" id="detail-report" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="4"><h2>开题报告详情</h2></td>
        </tr>
        </thead>
        <tbody id="report-detail-tbody">
        <tr>
            <td class="left">学生姓名</td>
            <td class="right" id="sName"></td>
            <td class="left">学号</td>
            <td class="right" id="sNO"></td>
        </tr>
        <tr>
            <td class="left">专业</td>
            <td class="right" id="major"></td>
            <td class="left">课题名称</td>
            <td class="right" id="title"></td>
        </tr>
        <tr>
            <td class="left">一、选题的依据及意义</td>
            <td class="right" colspan="3" id="sense"></td>
        </tr>
        <tr>
            <td class="left">二、国内外研究现状及发展趋势(含文献综述)</td>
            <td class="right" colspan="3" id="trend"></td>
        </tr>
        <tr>
            <td class="left">三、本课题的研究报告</td>
            <td class="right" colspan="3" id="report"></td>
        </tr>
        <tr>
            <td class="left">四、本课题的研究方案</td>
            <td class="right" colspan="3" id="scheme"></td>
        </tr>

        <tr>
            <td class="left">五、研究目标、主要特色及工作进度:</td>
            <td class="right" colspan="3" id="aim"></td>
        </tr>

        <tr>
            <td class="left">六、参考文献</td>
            <td class="right" colspan="3" id="literature"></td>
        </tr>
        <tr>
            <td class="detail-left">学生附件</td>
            <td id="stuFile" colspan="3">暂无学生附件信息</td>
        </tr>
        <tr>
            <td class="detail-left">老师附件</td>
            <td id="tFile" colspan="3">暂无学生老师信息</td>
        </tr>
        <tr>
            <td class="left">审核状态</td>
            <td class="right" id="state"></td>
            <td class="left">是否通过</td>
            <td class="right" id="isPass"></td>
        </tr>
        <tr>
            <td class="left">审核意见</td>
            <td class="right" colspan="3" id="opinion"></td>
        </tr>
        </tbody>
    </table>
</div>

<%--表内工具栏--%>
<div id="paper-info-tool" style="display: none">
    <button class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</button>
    <button class="layui-btn layui-btn-xs layui-btn-warm" lay-event="query">审核意见</button>
    <button class="layui-btn layui-btn-xs " lay-event="addFile">提交附件</button>
</div>


<%--提交附件--%>
<div class="layui-row" id="addFileBox" style="display: none">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>提交附件</legend>
    </fieldset>
    <div class="layui-upload">
        <button type="button" class="layui-btn layui-btn-normal" id="test-upload-change">选择文件</button>
        <button type="button" class="layui-btn" id="test-upload-change-action">开始上传</button>
        <br>
        <span style="color: #999999;font-size: 12px"> 只允许上传word文件，文件后缀名为doc 或者 docx</span>

    </div>
</div>

<%--课题详情表工具栏--%>
<div id="title-tool" style="display: none;">
    <a class="layui-btn layui-btn-xs" lay-event="taskDetail">课题详情</a>
</div>
<%--课题详情模板--%>
<div class="layui-row" id="task-detail" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="4"><h2>学生课题详情内容</h2></td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="left">编号:</td>
            <td class="right" id="task-id" colspan="3"></td>
        </tr>
        <tr>
            <td class="left">学号:</td>
            <td class="right" id="task-sno"></td>
            <td class="left">姓名:</td>
            <td class="right" id="task-sname"></td>
        </tr>
        <tr>
            <td class="left">指导老师</td>
            <td class="right" id="task-tname"></td>
            <td class="left">指导老师工号</td>
            <td class="right" id="task-tno"></td>

        </tr>
        <tr>
            <td class="left">所属学院:</td>
            <td class="right" id="task-college"></td>
            <td class="left">所属专业:</td>
            <td class="right" id="task-major"></td>
        </tr>
        <tr>
            <td class="left">标题:</td>
            <td class="right" id="task-title"></td>
            <td class="left">题目来源:</td>
            <td class="right" id="task-from"></td>
        </tr>
        <tr>
            <td class="left">题目类别:</td>
            <td class="right" id="task-category"></td>
            <td class="left">题目性质:</td>
            <td class="right" id="task-nature"></td>
        </tr>
        <tr>
            <td class="left">课题简介:</td>
            <td class="right" colspan="3" id="task-intr"></td>
        </tr>
        </tbody>
    </table>
</div>
<%--获取当前登录的session中的学号--%>
<script>
    let sno;
    $(function () {
        sno = '${sessionScope.userName}';
    });
</script>
<script src="js/headline.js"></script>
</html>